<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<script src="${pageContext.request.contextPath }/statics/calendar/WdatePicker.js"></script>
		<script src="${pageContext.request.contextPath }/statics/calendar/skin/WdatePicker.css"></script>
		<style>
			ul{
				list-style: none;
			}
		</style>
</head>

<div class="center">
			<div class="col-main row">
				<div class="main-wrap" style="background-color:white ;">
					<div class="user-logistics">
						<!--标题 -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">用户注册</strong> / <small>Logistics&nbsp;History</small></div>
						</div>
						<hr/>
						<div class="package-title">
							<div class="m-item">
								<div class="item-pic">
									
								</div>
								
							</div>
                         <div class="clear"></div>
						</div>
						<br>
						<div style="font-size:25px;color:red;margin-left:50px;">注册信息</div>
						<div class="package-status">
						<form action="${pageContext.request.contextPath }/user/registersuccess" class="row" id="form">
								<ul class="status-list">		
									<li class="latest">
										
										用户名: <input type="text" name="userName" id="userName" value="" placeholder="请输入用户名!!!"/>*
										<span id="a1" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										密码: <input type="password" name="password" id="password" value="" placeholder="请输入密码!!!"/>*
										<span id="a2" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										确认密码: <input type="password" id="passwordRepeat" value="" placeholder="请再次输入密码!!!"/>*
										<span id="a3" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										邮箱: <input type="email" name="userEmail" id="email" value="" placeholder="请输入邮箱!!!"/>*
										<span id="a4" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										手机号: <input type="text" name="userPhone" id="userPhone" value="" placeholder="请输入手机号码!!!"/>*
										<span id="a5" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										
						                    <label for="birthday">生日:</label>
						                    <input type="text" Class="Wdate" id="birthday" name="birth"  value=""
											readonly="readonly" onclick="WdatePicker();"/>*
					                	<span id="a6" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										地址: <input type="text" name="userAddress" id="userAddress" value="" placeholder="请输入地址!!!"/> 
										<span id="a7" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										
											性别: 
											<input type="radio" name="sex" value="1"/>男
											<input type="radio" name="sex" value="2"/>女
											<input type="radio" name="sex" value="3"/>保密
										
									</li>	
									<br/>										
									<li>
									安全问题:
										<select data-am-selected name="questionId" id="select">
											<option value="" selected>请选择安全问题</option>
											<c:forEach var="question" items="${question}">
												<option value="${question.q_id}">${question.questionName}</option>
											</c:forEach>
										</select>
											<span id="a8" style="color:red;" value="1"></span>
										<br/>
										<br/>
										
										<label for="user-answer2" class="am-form-label">答案: </label>
											<input type="text" id="user-answer2" placeholder="请输入安全问题答案" name="answer" required="required">
											<span id="a9" style="color:red;" value="1"></span>
									</li>
									<br/>
									<li>
										<button type="submit" id="submit">注册</button>
										<button id="back">返回</button><span style="color:red;">${error}</span>
									</li>
								</ul>
							</form>
						</div>
					</div>
				</div>
				</div>
</div>
	</body>
	<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/statics/register/register.js"></script>
</html>